*{margin:0; padding:0;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,span,img{margin:0;padding:0;border:0;}
body{background:#ffffff;color:#333333;font-size:16px;font-family: '苹方',"PingFang SC","思源黑体","Source Han Sans CN","微软雅黑";}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
a{
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}
 a{
  text-decoration: none;
  color: #333333;
  outline:none;
}
.flex{
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box; /* Firefox 17- */
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex; /* Firefox 18+ */
  display: -ms-flexbox; /* IE 10 */
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
.widthComm{
  width: 1230px;
  margin: 0 auto;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #a9a9a9;
  font-size: 12px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #a9a9a9;
  font-size: 12px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a9a9a9;
  font-size: 12px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a9a9a9;
  font-size: 12px;
}
a:link { text-decoration: none; outline:none;}
a:visited { text-decoration: none; outline:none;}
a:hover { text-decoration: none; outline:none;}
.headerTop{
  padding: 38px 0;
  justify-content: space-between;
}
.logo{
  border-right: 1px solid #8D8D8D;
  padding-right: 30px;
  margin-right: 30px;
}
.logo2 img{
  width: 290px;
}
.topleft{
  justify-content: flex-start;
  align-items: center;
}
.sitewz{
  font-size: 20px;
  color: #231816;
  font-weight: 600;
}
.topright{
  flex-direction: column;
  justify-content: center;
}
.topright .bt{
  font-size: 20px;
  text-align: right;
  margin-right: 100px;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
.topright .bt img{
  position: relative;
  top: -1px;
  margin-right: 5px;
}
.phone{
  font-size: 24px;
  color: #9abedc;
}
.phone span{
  font-size: 22px;
  font-weight: bold;
  color: #005FAE;
}
.header{
  background: #005698;
  line-height: 60px;
}
.header ul{
  justify-content: space-between;
}
.header ul a{
  display: block;
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 1px;

}
.active a{
  border-bottom: 3px solid #ffffff;
}
.banner img{
  width: 100%;
}
.banner .swiper-pagination-bullet{
  background: #ffffff;
  opacity: 1;
}
.banner .swiper-pagination-bullet{
  width: 13px;
  height: 13px;
}
.banner .swiper-pagination-bullet-active{
  background: #005FAE;
}
.cpfl{
  margin-top: 50px;
  width: 100%;
  height: 240px;
  color: #ffffff;
  background: url(../images/indexyi.jpg) center center no-repeat;
}
.cpflsv{
  height: 100%;
  justify-content: space-between;
}
.cpflsv .list{
  width: 25%;
  transition: all .4s;
}
.cpflsv .list a{
  width: 100%;
  color: #ffffff;
  flex-direction: column;
  justify-content: center;
}
.cpflsv .list span{
  text-align: center;
}
.cpflsv .list .ico{
  height: 54px;
}
.cpflsv .list .name{
  font-size: 38px;
  font-weight: 500;
  margin: 18px 0 7px 0;
}
.cpflsv .list .enname{
  font-size: 18px;
}
.cpflsv .list:hover{
  background: #005EA6;
}
.tgcpfl{
  width: 100%;
  height:350px;
  background: url(../images/tgbjt.jpg) center center no-repeat;
}
.tgcpfls{
  height: 100%;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
}
.tgcpfls span{
  text-align: center;
}
.tgcpfls .bigtitle{
  font-size: 56px;
}
.tgcpfls .smalltitle{
  font-size: 22px;
  font-weight: 300;
  margin-top: 23px;
}
.pros{
  margin-top: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pros .list{
  width: 24%;
  background: #F9F9F9;
  margin-bottom: 20px;
}
.pros .list .thumb {
  overflow: hidden;
}
.pros .list .thumb img{
  width: 100%;
  font-weight: 500;
  transition: all .5s;
}
.pros .list .on:hover .thumb img{
  transform: scale(1.2);
}
.pros .list .bottom{
 flex-direction: column;
}
.pros .list .title{
  font-size: 33px;
  font-weight: 600;
  color: #000000;
  margin: 25px  0 17px 0;
  padding: 0 10px;
}
.pros .list .bottom{
  padding: 0 10px 35px 0;
}
.pros .list .bottom a{
  font-size: 19px;
  color: #4B4B4B;
  padding: 0 10px 0 10px;
  line-height: 38px;
  transition:  all .2s;
}
.pros .list .bottom a:hover{
  color: #005EA6;
}
.gclcp{
  margin-top: 50px;
  background: url(../images/lv.jpg) center center no-repeat;
}
.lvname{
  margin: 45px 0;
  justify-content: center;
}
.lvname a{
  color: #000000;
  font-size: 28px;
  font-weight: 500;
  margin: 0 50px;
  transition: all .2s;
}
.lvname a:hover{
  color: #004EAE
}
.prolvlist{
  margin-top: 0;
}
.prolvlist .list{
  width: 16%;
}
.prolvlist .list .title{
  text-align: center;
}
.prolvlist .list .bottom a{
  text-align: center;
}
.case{
  width: 100%;
  background: url(../images/case.jpg) center center no-repeat;
  margin-top: 50px;
  padding-top: 65px;
  padding-bottom: 90px;
}
.mc_gu{
  flex-direction: column;
  justify-content: center;
  color: #000000;
}
.mc_gu .en{
  font-size: 55px;
  font-weight: bold;
  text-align: center;
}
.mc_gu .cn{
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.mc_gu .xian{
  width: 100px;
  height: 1px;
  background: #6D7175;
  margin: 0 auto;
}
.anlilist{
  width: 100%;
  position: relative;
  margin-top: 50px;
}
.anlilist .thumb img{
  width: 100%;
}
.anlilist .swiper-slide{
  background: #ffffff;
}
.anlilist a{
  display: block;
  padding: 15px;
}
.anlilist .title{
  font-size: 33px;
  font-weight: 600;
  color: #000000;
  margin: 25px  0 20px 0
}
.anlilist .description{
  font-size: 19px;
  line-height: 30px;
  color: #4B4B4B;
}
.anlilist .more{
  font-size: 16px;
  color: #004EAE;
  margin-top: 70px;
}
.anlilist .swiper-container{
  width: 1240px;
  margin: 0 auto;
  --swiper-theme-color:#ffffff;
  --swiper-navigation-size:45px;
}
.anlilist .swiper-button-next, .anlilist .swiper-button-prev{
  background: rgba(0,0,0,0.4);
  padding: 5px;
  border-radius: 8px;
}
.news{
  padding-top: 50px;
}
.newlist{
  margin-top: 50px;
  color: #ffffff;
  justify-content: space-between;
}
.newlist a{
  color: #ffffff;
}
.newlist>div{
  /* height: 670px; */
}
.newlist .left{
  background: #0B2E5F;
  width: 40.5%;
  flex-direction: column;
  justify-content: space-between;
}
.newlist .lefts{
  padding: 40px;
}
.newlist .zhong{
  width: 28.5%;
  height: 670px;
  background: url(../images/news.jpg) center no-repeat;
  flex-direction: column;
  justify-content: space-between;
}
.newlist .zhongs{
  padding: 40px;
}
.newlist .right{
  width: 28.5%;
  flex-direction: column;
  justify-content: space-between;
}
.newlist .right .yb{
  display: block;
  padding: 40px;
}
.newlist .right .sm{
  background: #0059AE;
  height: 49%;
}
.newlist .right .xm{
  background: #C89650;
  height: 49%;
}
.newlist .time{
  font-size: 19px;
}
.newlist .title{
  font-size: 33px;
  font-weight: 600;
  margin-top: 38px;
}
.newlist .description{
  font-size: 19px;
  line-height: 30px;
  margin-top: 38px;
}
.newlist .bj{
  flex-direction: column;
  justify-content: center;
}
.newlist .more{
  padding: 40px;
}
.newlist  .left .more a{
  width: 260px;
  padding: 10px 20px;
  border-radius: 2px;
  font-size: 18px;
  justify-content: space-between;
  border: 1px solid #ffffff;
}
.newlist .zhong a{
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 2px;
  justify-content: space-between;
  border: 1px solid #ffffff;
}
.gywm{
  margin-top: 90px;
}
.gywm img{
  width: 100%;
}
.footer{
  padding-top:60px;
  padding-bottom: 50px;
  background: #383A3F;
  color: #ffffff;
}
.footers{
  justify-content: space-between;
}
.footers a{
  color: #ffffff;
}
.footerlogo img{
  width: 280px;
}
.footers .left{
  flex-direction: column;
  justify-content: space-between;
}
.footernav{
  margin-bottom: 8px;
}
.footernav a{
  font-size: 18px;
  margin-right: 30px;
  font-weight: 500;
}
.footers .right h3{
  font-size: 18px;
  margin-bottom: 20px;
}
.footers .right .nr p{
  line-height: 30px;
}
.footers .lxfs{
  margin-right: 50px;
}
.erwei img{
  width: 80px;
}
.erwei .wx{
  text-align: center;
  margin-top: 10px;
}
.banquan{
  background: #2E3033;
}
.banquans{
  padding: 14px 0;
  justify-content: space-between;
  color: #ffffff;
  font-size: 14px;
}
.banquans a{
  color: #ffffff;
}
.nybanner{
  width: 100%;
  height: 360px;
  background: url(../images/ny1.jpg) center center no-repeat;
}
.nybanners{
  height: 100%;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
}
.nybanners .cu{
  font-size: 54px;
  text-align: center;
  letter-spacing: 1px;
}
.nybanners .xi{
  margin-top: 24px;
  font-size: 20px;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 300;
}
.tjcp{
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tjcp .list{
  width: 24%;
  background: #F9F9F9;
  margin-right: 1.3%;
  margin-bottom: 20px;
}
.tjcp .list:nth-child(4){
  margin-right: 0;
}
.tjcp .list:nth-child(8){
  margin-right: 0;
}
.tjcp .list:nth-child(12){
  margin-right: 0;
}
.tjcp .list:nth-child(16){
  margin-right: 0;
}
.tjcp .list:nth-child(20){
  margin-right: 0;
}
.tjcp .list .thumb {
  overflow: hidden;
}
.tjcp .list .thumb img{
  width: 100%;
  transition: all .5s;
}
.tjcp .list:hover .thumb img{
  transform: scale(1.2);
}
.tjcp .list .title{
  font-size: 20px;
  color: #4B4B4B;
  margin-top: 18px;
  padding: 0 10px;
  transition: all .2s;
}
.tjcp .list:hover .title{
  color: #004EAE;
}
.tjcp .list .description{
  color: #4B4B4B;
  line-height: 24px;
  margin-top: 5px;
  padding: 0 10px;
}
.tjcp .list .mores{
  font-size: 14px;
  color: #004EAE;
  margin-top: 15px;
  padding: 0 10px;
  margin-bottom: 15px;
}
.tjcpbt{
  padding-top: 60px;
  font-size: 26px;
  font-weight: 600;
  color: #4B4B4B;
  margin-bottom: 15px;
}
.server{
  padding-top: 50px;
  padding-bottom: 60px;
}
.server h1{
  font-size: 40px;
  text-align: center;
}
.server .tb{
  height: 82px;
}
.server h5{
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 50px;
  color: #4B4B4B;
}
.serverlist{
  justify-content: space-around;
}
.serverlist img{
  width: 80px;
}
.serverlist>div{
  text-align: center;
}
.serverlist .title{
  font-size: 20px;
  font-weight: 600;
  margin-top: 22px;
}
.serverlist .ms{
  color: #4B4B4B;
  margin-top: 10px;
}
.lvnybanner{
  background: url(../images/ny2.jpg) center center no-repeat;
}
.nylvnames{
  background: #F0F1F5;
}
.nylvname{
  justify-content: space-between;
}
.nylvname .lm{
  width: 50%;
  padding: 25px 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.nylvname .name{
  margin-left: 12px;
  flex-direction: column;
}
.nylvname .cn{
  font-size: 30px;
  font-weight: bold;
  color: #4B4B4B;
}
.nylvname .en{
  color: #4B4B4B;
}
.lmactive{
  background: #ffffff;
}
.lvname .nameactive{
  color: #004EAE;
}
.gywmbanner{
  background: url(../images/ny3.jpg) center center no-repeat;
}
.gsjj{
  padding-top: 50px;
  padding-bottom: 60px;
}
.gsjjlist{
  padding-top: 50px;
}
.gsjjlist h3{
  font-size: 33px;
  margin-bottom: 30px;
}
.gsjjlist .on{
  justify-content: space-between;
  align-items: center;
}
.gsjjlist .on .left{
  width: 55%;
}
.gsjjlist .on  .right{
  width: 40%;
}
.gsjjlist .xq{
  color: #4B4B4B;
  font-size: 20px;
  line-height: 40px;
}
.gsjjlist .on .p2{
  margin-top: 20px;
}
.gsjjlist .on  .right img{
  width: 100%;
}
.gsjjlist .bottom{
   margin-top: 80px;
   justify-content: space-between;
   align-items: center;
}
.gsjjlist .bottom .left{
  width: 65%;
}
.gsjjlist .bottom .left img{
  width: 100%;
}
.gsjjlist .bottom .right{
  width: 30%;
}
.contactbanner{
  background: url(../images/ny4.jpg) center center no-repeat;
}
.nycontact{
  padding-top: 50px;
}
.anlinybanner{
  background: url(../images/anlinybanner.jpg) center center no-repeat;
}
.nypro2{
  background: url(../images/nypro2.jpg) center center no-repeat;
}
.logo1 img{
  height: 60px;
  margin-top: 4px;
}
.nyanli{
  padding-top: 50px;
  padding-bottom: 60px;
}
.nyanlilist{
  margin-top: 50px;
}
.nycontactlist{
  justify-content: space-between;
}
.nycontactlist>div{
  width: 48%;
}
.nycontactlist{
  margin-top: 50px;
  padding-bottom: 50px;
}
.nycontactlist h1{
  font-size: 35px;
}
.nycontactlist .lxms{
  font-size: 20px;
  color: #4B4B4B;
  margin-top: 10px;
  line-height: 30px;
  margin-bottom: 30px;
}
.forms .ons{
  flex-wrap: wrap;
  justify-content: space-between;
}
.forms .ons>div{
  width: 45%;
  justify-content: space-between;
  border: 1px solid #DEDEDE;
  padding: 10px;
  border-radius: 2px;
  margin-bottom: 20px;
}
.forms .ons input{
  outline: none;
  border: none;
}
.forms .xm{
  color: #8B8B8B;
  font-size: 14px;
}
.forms .bt{
  color: #4B4B4B;
  font-size: 14px;
}
.forms .ts{
  width: 85%;
}
.forms textarea{
  width: 96.5%;
  padding: 10px;
  outline: none;
  border:1px solid #DEDEDE;
  font-family: '微软雅黑';
}
.forms .dx input{
  color: #4B4B4B;
  font-size: 14px;
}
.forms .btn{
  margin-top: 30px;
}
.forms .btn button{
  display: block;
  width: 100%;
  border: 1px solid #005698;
  font-size: 16px;
  line-height: 50px;
  border-radius: 2px;
  text-align: center;
  color: #005698;
  cursor: pointer;
  outline: none;
  background: #ffffff;
  transition: all .3s;
}
.forms .btn button:hover{
  background: #005698;
  color: #ffffff;
}
.nycontactlist .right{
  height: 100%;
  background: url({HOME_THEME_PATH}images/lxpt.jpg) center;
}
.nycontactlist .rights{
  margin: 35px;
  color: #ffffff;
  border: 1px solid rgba(228,228,228,0.49);
}
.nycontactlist .rights .sc{
  flex-direction: column;
  justify-content: center;
  padding: 40px;
}
.nycontactlist .rights .sc>div{
  flex-direction: column;
  justify-content: center;
}
.nycontactlist .da{
  font-size: 26px;
  font-weight: bold;
}
.nycontactlist .bx{
  width: 45px;
  height: 2px;
  background: rgba(228,228,228,0.89);
  margin: 19px 0;
}
.nycontactlist .zc{
  color: rgba(228,228,228,0.89);
  font-size: 18px;
  line-height: 30px;
}
.nycontactlist .xmss{
  margin-top: 31px;
}
.map{
  width: 100%;
  height: 390px;
  margin-bottom: 60px;
}
.activehead{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.logo1 img{
  height: 60px;
  margin-top: 4px;
}
.nyanli{
  padding-top: 50px;
  padding-bottom: 60px;
}
.nyanlilist{
  margin-top: 50px;
}
.nycontactlist{
  justify-content: space-between;
}
.nycontactlist>div{
  width: 48%;
}
.nycontactlist{
  margin-top: 50px;
  padding-bottom: 50px;
}
.nycontactlist h1{
  font-size: 35px;
}
.nycontactlist .lxms{
  font-size: 20px;
  color: #4B4B4B;
  margin-top: 10px;
  line-height: 30px;
  margin-bottom: 30px;
}
.forms .ons{
  flex-wrap: wrap;
  justify-content: space-between;
}
.forms .ons>div{
  width: 45%;
  justify-content: space-between;
  border: 1px solid #DEDEDE;
  padding: 10px;
  border-radius: 2px;
  margin-bottom: 20px;
}
.forms .ons input{
  outline: none;
  border: none;
}
.forms .xm{
  color: #8B8B8B;
  font-size: 14px;
}
.forms .bt{
  color: #4B4B4B;
  font-size: 14px;
}
.forms .ts{
  width: 85%;
}
.forms textarea{
  width: 96.5%;
  padding: 10px;
  outline: none;
  border:1px solid #DEDEDE;
  font-family: '微软雅黑';
}
.forms .dx input{
  color: #4B4B4B;
  font-size: 14px;
}
.forms .btn{
  margin-top: 30px;
}
.forms .btn button{
  display: block;
  width: 100%;
  border: 1px solid #005698;
  font-size: 16px;
  line-height: 50px;
  border-radius: 2px;
  text-align: center;
  color: #005698;
  cursor: pointer;
  outline: none;
  background: #ffffff;
  transition: all .3s;
}
.forms .btn button:hover{
  background: #005698;
  color: #ffffff;
}
.nycontactlist .right{
  height: 100%;
  background: url(../images/lxpt.jpg) center;
}
.nycontactlist .rights{
  margin: 35px;
  color: #ffffff;
  border: 1px solid rgba(228,228,228,0.49);
}
.nycontactlist .rights .sc{
  flex-direction: column;
  justify-content: center;
  padding: 40px;
}
.nycontactlist .rights .sc>div{
  flex-direction: column;
  justify-content: center;
}
.nycontactlist .da{
  font-size: 26px;
  font-weight: bold;
}
.nycontactlist .bx{
  width: 45px;
  height: 2px;
  background: rgba(228,228,228,0.89);
  margin: 19px 0;
}
.nycontactlist .zc{
  color: rgba(228,228,228,0.89);
  font-size: 18px;
  line-height: 30px;
}
.nycontactlist .xmss{
  margin-top: 31px;
}
.map{
  width: 100%;
  height: 390px;
  margin-bottom: 60px;
}
.activehead{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.tgslist{
  margin-top: 20px;
}
.tgslist .list .title{
  font-size: 18px;
  font-weight: 500;
}
.tgslist .list .description{
  font-size: 14px;
}
.tgss{
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tgss a{
  font-size: 22px;
  font-weight: 500;
  margin: 0 15px;
  margin-bottom: 15px;
  transition: all .2s;
}
.tgss a:hover{
  color: #005FAE;
}
.tgsactive{
  color: #005FAE;
}
.mbxdh{
  margin-top: 10px;
  font-size: 14px;
  justify-content: flex-end;
}
.mbxdh a:last-child{
  color: #005FAE;
}
.pages{
  margin-top: 20px;
}
.pages ul{
  display: flex;
  justify-content: center;
}
.pages ul li{
  margin: 0 5px;
}
.pages ul li a{
  display: block;
  border: 1px solid #eeeeee;
  border-radius: 2px;
  padding: 3px 10px;
}
.pages ul .active a{
  background: #005FAE;
  color: #ffffff;
  border: 1px solid #005FAE
}
.showcont{
  border-top: 1px solid #eeeeee;
  padding-top: 30px;
  margin-top: 30px;
}
.showcont h3{
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
}
.showcont .nrs img{
  max-width: 100%;
}
.nynewslist{
  margin-top: 50px;
}
.nynewslist .list{
  border-bottom: 1px solid #d5d5d6;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.nynewslist a{
  justify-content: space-between;
}
.nynewslist .zb{
  width: 70%;
}
.nynewslist .yb{
  background: #e3e3e3;
  padding: 10px;
  text-align: center;
}
.nynewslist .yb .ri{
  font-size: 30px;
  font-weight: bold;
}
.nynewslist .title{
  font-size: 20px;
  margin-bottom: 15px;
}
.nynewslist .description{
  font-size: 16px;
  color: #666666;
}
.newsshow .showtitle{
  background: #efefef;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  line-height: 44px;
}
.newsshow .xwxxss{
  text-align: center;
  font-size: 14px;
  margin-bottom: 30px;
  color: #999999;
}
.newsshow .newsnr img{
  max-width: 100%;
}
